<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">

    <script crossorigin="anonymous" integrity="sha512-b3xr4frvDIeyC3gqR1/iOi6T+m3pLlQyXNuvn5FiRrrKiMUJK3du2QqZbCywH6JxS5EOfW0DY0M6WwdXFbCBLQ==" src="https://lib.baomitu.com/Chart.js/3.5.1/chart.js"></script>

    <style type="text/css">

        nav-link:link{
            color: coral;
        }

    </style>
</head>
<body>

<nav  th:fragment="navbar"  class="navbar  navbar-expand-lg navbar-dark" style="background-color: rgba(49,42,176,0.61)"><!--更改主题色-->

    <div class="container">

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <a class="navbar-brand" href="#" th:href="@{/}">主页</a>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">

                <li class="nav-item active">
                    <a class="nav-link" href="#" th:href="@{/students}">学生</a>
                </li>

                <li class="nav-item active">
                    <a class="nav-link 1" href="#" th:href="@{/cate}">班级</a>
                </li>

                <li class="nav-item-1">
                    <a class="nav-link 2" href="#" th:href="@{/courses}" >课程</a>
                </li>

                <li class="nav-item-2">
                    <a class="nav-link 3" href="#" th:href="@{/majors}" >专业</a>
                </li>

                <li class="nav-item-3">
                    <a class="nav-link 4" href="#" th:href="@{/collages}">学院</a>
                </li>

                <li class="nav-item-4">
                    <a class="nav-link 5" href="#" th:href="@{/teachers}">教师</a>
                </li>

            </ul>

            <form class="form-inline my-2 my-lg-0">
                <input class="form-0" type="search" placeholder="Search" aria-label="Search">
                <button class="form-1" type="submit">search</button>
            </form>

        </div>
    </div>
</nav>

</body>
</html>